@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-29 16:02:17
 * @version $Id$
 */
/**
 * 
 * @authors Gary
 * @date    2016-08-30 00:04:33
 * @version $Id$
 * less 变量
 */
/* 
	html 页面基准，设计图750px
  */
/*
	@font-cale 将px转化对应的REM
*/
/*
	基准色
*/
/*
  字体白色
*/
html {
  font-size: 750px;
  display: block!important;
}
.remark {
  min-height: 100%;
  background-color: #ebebeb;
  font-size: 0.04rem;
  color: #5f5f5f;
  padding-top: 0.10666667rem;
  padding-bottom: 0.16rem;
  overflow-x: hidden;
}
.remark ul {
  margin: 0;
  padding: 0;
}
.remark a {
  color: #a8a8a8;
  text-decoration: none;
}
.remark ul,
.remark li {
  list-style: none;
  overflow: hidden;
}
.remark .remark-container {
  border: 1px solid transparent;
}
.remark .remark-container .remarks .remark-li {
  padding: 0.03333333rem 0.04rem;
  border-bottom: 1px solid #ddd;
}
.remark .remark-container .remarks .li-header {
  margin: 0;
  font-size: 0.032rem;
  font-weight: 300;
  color: #acacac;
}
.remark .remark-container .remarks .content {
  font-size: 0.04rem;
  color: #5f5f5f;
  padding-top: 0.01333333rem;
}
.remark .remark-container .remarks .content img {
  max-height: 0.16533333rem;
}
.remark .send-msg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.13333333rem;
  font-size: 0;
  padding: 0.01866667rem;
  padding-right: 0.02666667rem;
  background-color: #f4f4f6;
  border-top: 1px solid #dddddd;
  justify-content: center;
  -webkit-justify-content: center;
  align-content: center;
  -webkit-align-content: center;
}
.remark .send-msg .send-input {
  width: 0.66666667rem;
  height: 0.09333333rem;
  padding: 0.02933333rem;
  border: 1px solid #dddddd;
  border-radius: 8px;
  font-size: 0.04266667rem;
  vertical-align: middle;
}
.remark .send-msg .send-img {
  position: relative;
  margin: 0.00666667rem 0.02666667rem;
  margin-right: 0;
  width: 0.09333333rem;
  height: 0.08rem;
  background: url("") no-repeat center center;
  background-size: 100%;
  vertical-align: middle;
}
.remark .send-msg .send-img .img-input {
  opacity: 0;
  position: absolute;
  width: 0.09333333rem;
  height: 0.08rem;
  top: 0;
  left: 0;
}
.remark .send-msg .send-btn {
  background-color: #4d90fe;
  color: #fff;
  border-radius: 0.01066667rem;
  font-weight: 300;
  font-size: 0.03733333rem;
  height: 0.08rem;
  margin: 0.00666667rem 0;
  margin-left: 0.02666667rem;
  padding-left: 0.016rem;
  padding-right: 0.016rem;
  vertical-align: middle;
  width: 0.13333333rem;
}
.remark .send-msg .label-btn {
  background-color: #fff;
  color: #7f8389;
  border: 1px solid #eee;
  width: 0.15333333rem;
}
.remark .img-enlarge-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #191919;
  z-index: 100000;
  text-align: center;
}
.remark .img-enlarge {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate3d(-50%, -50%, 0) !important;
  -webkit-transform: translate3d(-50%, -50%, 0) !important;
}
.remark .label {
  border-bottom: 1px solid #ddd;
  padding: 0.05333333rem 0.04rem;
  padding-bottom: 0.01333333rem;
  width: 100%;
  overflow: hidden;
}
.remark .label .label-left {
  width: 0.904rem;
  height: 100%;
  padding: 0.02666667rem;
  overflow: hidden;
}
.remark .label .label-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0.096rem;
  display: table;
  border-left: 1px solid #ddd;
  vertical-align: middle;
  background-color: inherit;
}
.remark .label .label-right a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.remark .label .label-lists {
  font-size: 0;
}
.remark .label .label-list {
  display: inline-block;
  height: 0.064rem;
  margin-right: 0.04rem;
  margin-bottom: 0.04rem;
  line-height: 0.056rem;
  font-size: 0.04rem;
  padding: 0 0.02666667rem;
  background-color: #d568cc;
  border: 1px solid #d568cc;
  border-radius: 0.032rem;
  color: #fff;
}
.remark .no-more {
  text-align: center;
  font-size: 0.02666667rem;
  color: #bdbdbd;
  margin-top: 0.03333333rem;
}
